@import url(reset.css);
@import url(font.css);
@import url(typo.css);


$main_text:#6f6f6f;
	
@mixin font-1{
	font-family:"EurostileLTStdMedium",Arial, Helvetica, sans-serif;
}

@mixin font-2{
	font-family:"EurostileLTStdDemi",Arial, Helvetica, sans-serif;
}	
@mixin font-3{
	font-family:"EurostileLTStdBold",Arial, Helvetica, sans-serif;
}
	
body{ background:url(../images/imgBackground.jpg) 50% 0 no-repeat; background-color:#0d0d0d;}
.max-container{  }
.container{ width:975px; margin:0px auto; position:relative; overflow:hidden;}
.clear{ clear:both; }
.no_border{ border:none !important;}
.no_border_right{ border-right:none !important;}
.no_margin_right{ margin-right:0px !important;}
.no_margin_left{ margin-left:0px !important;}
.no_padding_left{ padding-left:0px !important;}
.no_padding_right{ padding-right:0px !important;}
.no_background{background:none !important;}
.float_right{ float:right !important;}
.float_left{ float:left !important;}
.bold{ font-weight:bold !important; }
.textInput{ display:block; }
.hide{ display:none !important; }
.updnWatermark{ font-size:12px; color:#292929; left:260px !important; }
/* USING FOR SITE WITHOUT SLIDE IMAGE*/
.no_slideImage{ /*padding-top:120px;*/ top:-18px; }
.odd{ background-color:#eeeeee !important;}
.even{}

.txtInput_toggle{}

.clear-fix:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
        }
* html .clear-fix             { zoom: 1; } /* IE6 */
*:first-child+html .clear-fix { zoom: 1; } /* IE7 */


/***************** SETTING WIDTH FOR HEADER - CONTENT - FOOTER  ********************/
.header,
.content,
.footer{width:975px;margin:0px auto; }

/***************** Font Setting ********************/
.font-1{ font-family:"EurostileLTStdMedium",Arial, Helvetica, sans-serif;}
.label-error{ color:#bf141d !important; span{ color:#bf141d !important;}}
.input-error{ border:2px solid #bf141d !important;}
/***************** Heading setting ********************/
.heading{
	display:block;
	border-bottom:1px solid white;
	padding-bottom:10px;
	h2{
		font-size:18px;
		font-weight:bold;
		font-family:"EurostileLTStdMedium",Arial, Helvetica, sans-serif;
		color:white;
		span{
			color:#c02b25;
		}
	}		
}

.heading-1{
	display:block;
	border-top:1px solid #474747;
	border-bottom:1px solid #474747;
	padding:8px 0px;
	h2{
		font-size:17px;
		font-weight:bold;
		font-family:"EurostileLTStdBold",Arial, Helvetica, sans-serif;		
		color:white;
		float:left;
	}
	a{ float:right; color:#474747; font-size:14px; margin-top:3px; &:hover{ color:#FFF;}}
}
/***************** CSS3 Setting ********************/
.border-1{	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px; 
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding-box;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.border-2{	
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
	border-radius: 7px 0px 0px 7px
}

.border-3{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 7px 0px;
	border-radius: 0px 0px 7px 0px; 
}

.border-4{	
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding-box;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.border-5{	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding-box;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.box-shadow-1{
	-webkit-box-shadow: inset 40px 0px ;
	-moz-box-shadow: inset 40px 0px ;
	box-shadow: inset 40px 0px ; 
}
/***************** HEADER ********************/
.header{
	display:block;
	overflow:hidden;
	min-height:105px;
	h2.logo, div.navigation{ float:left;}
	h2.logo{
		display:block;
		width:214px;
		height:54px;
		margin-top:25px;
		a{
			background:url(../images/imgLogo.png) no-repeat;
			display:block;
			width:214px;
			height:54px;
			text-indent:-9999px;
		}		
	}
	div.navigation{
		display:block;
		margin:35px 0px 0px 80px;
		ul{
			margin:0;
			padding:0;
			li{
				float:left;
				background:url(../images/imgSplitter.png) right 0 no-repeat;
				a{
					@include font-1;
					color:#FFF;
					font-size:15px;
					&.activeNavigation, &:hover{ color:#bf141d;}
					display:block;
					padding:0px 30px;				
				}
				a#first-item{
					background:url(../images/imgSplitter.png) left 0 no-repeat;
					
				}
			}
		}
	}
	a#ss-fb{ display:block; width:14px; height:14px; background:url(../images/imgFacebook.png) no-repeat; text-indent:-9999px; float:right; margin-top:35px;}
}
/***************** HOMEPAGE  ********************/
#hp-content{
	display:block;
	border:1px solid white;
	overflow:hidden;
	height:460px;
	
	
	 
	#hp-left, #hp-col{
		float:left;
	}
	#hp-left{
		width:713px;
		height:460px;
		position:relative;
		background:white;
		ul#slider-homepage{
			margin:0;
			padding:0;
			margin-left:4px;
			li{
				display:block;
				width:713px;
				height:460px;
				a{
					display:block;					
					width:713px;
					height:460px;
					img{
						display:block;
						max-width:713px;
						max-height:460px;
					}
				}
			}
		}
		
		ul#slider-paginator{
			margin:0;
			padding:0;
			position:absolute;
			left:340px;
			bottom:10px;
			z-index:100;
			li{
				margin:0 2px;
				width:12px;
				height:12px;
				float:left;				
				background:url(../images/imgPagination.png) no-repeat;
				a{
					display:block;
					width:12px;
					height:12px;
					text-indent:-9999px;
				}
				&.activeSlide,&:hover{
					background-position:-15px 0;
				}
			}
		}		
	}
	#hp-col{
		width:260px;
		color:white;
		overflow:hidden;
		.hp-col-block{
			display:block;
			overflow:hidden;
			position:relative;
			.hp-col-content{
				display:block;
				margin:12px;
				overflow:hidden;
			}			
			.hp-col-text{
				margin-top:10px;				
			}
			#hp-col-2-content{
				margin-right:37px;
			}
			#hp-col-3-content{				
				p{ 
					margin:0;
					line-height:17px;
				}
				.hp-time{
					display:block;
					span.hp-time-left, span.hp-time-right{ float:left;}
					span.hp-time-left{ width:60px;}
				}
			}
		}
		#hp-r-1, #hp-r-2{
			border-bottom:1px solid white;
		}
		#hp-r-3{
			background:#c02b25;
			height:180px;
			//safari height:158px;
			overflow:hidden;
			#hp-col-3-contact{
				margin-bottom:0px;				
			}
		}
		
		img#imgTemp-1{ position:absolute; right:0px; bottom:0px;}
		.ss-book{
			background:url(../images/imgArrow-2.png) left -10px no-repeat;
			padding-left:17px;
			color:#FFF;
			&:hover{ color:#c02b25; background-position:0 5px;}
		}
		//height:164px;
		
	}
}


/***************** FOOTER ********************/
.footer{
	border-top:1px solid #474747;
	padding-top:10px;
	overflow:hidden;
	margin-top:40px;
	margin-bottom:20px;
	#footer-1, #footer-2{
		display:block;
		text-indent:-9999px;
	}
	#footer-1, #footer-2, #footer-content, span,ul{
		float:left;
	}
	#footer-1{
		width:93px;
		height:24px;
		background:url(../images/imgLogo-2.png) no-repeat;
	}
	#footer-2{
		float:right;
		width:46px;
		height:24px;
		background:url(../images/imgLogo-3.png) no-repeat;
	}
	#footer-content{
		display:block;
		margin:5px 20px 0 110px;
		span{ display:block; color:#474747;}
		ul{
			li{
				display:block;
				float:left;
				background:url(../images/imgDot-1.png) left center no-repeat;
				padding-left:20px;
				margin-left:10px;
				color:#474747;
			}
		}
	}
	
}

/***************** MENU PAGE ********************/
#menu-page{
	display:block;
	overflow:hidden;
	color:#FFF;
	#menu-top, #menu-bot{ display:block; overflow:hidden; border-top:1px solid white;}	
	#menu-top{}
	#menu-bot{}
	.menu-col-left, .menu-col-right{ float:left; width:450px;}
	.menu-col-left{ margin:15px 0 15px 10px;}
	.menu-col-right{ margin:15px 0 15px 50px;}
	.menu-heading{
		display:block;
		margin-bottom:15px;	
		h2{ float:left; @include font-3; font-size:17px; color:#FFF;}
		a{ 
			float:right; margin:4px 13px 0 0;
			background:url(../images/imgArrow-2.png) left -10px no-repeat;
			padding-left:17px;
			color:#FFF;
			&:hover{ color:#c02b25; background-position:0 5px;}
		}
	}
	.menu-image{ display:block; background-color:#000; width:437px; height:264px;}
	.menu-info{ display:block; 
	 	p{line-height:16px; margin-bottom:10px;}
	 }
}

/***************** CONTACT PAGE ********************/
#contact-page{
	display:block;
	overflow:hidden;
	.contact-left, .contact-right{float:left; display:block;}
	.contact-left{ 
		width:530px;
		#contact-map{
			display:block;
			overflow:hidden;
			
		}
		#contact-info{
			color:#FFF;
			margin:20px 0 0 10px;
			.contact-time{
				display:block;
				.c-l-left, c-l-right{ float:left;}
				.c-l-left{ width:60px;}
			}
			p{ margin-bottom:5px;}
		}
		#table-image{
			display:block;
			img{ float:left; display:block; }
			#imgTable-1{ width:525px; height:202px;}
			#imgTable-left{ float:left; width:385px; overflow:hidden;}
			#imgTable-2{ width:208px; height:105px; margin:4px 4px 4px 0px;}
			#imgTable-3{ width:165px; height:105px; margin:4px 0px;}
			#imgTable-4{ width:140px; height:217px; margin:4px 0px;}
			#imgTable-5{ width:380px; height:107px; }
			
		}
	}
	.contact-right{ 
		width:420px;
		color:#FFF;
		margin-left:25px;
		h2{
			@include font-2;
			color:#FFF;
			font-size:16px;
			border-bottom:1px solid #474747;
			padding-bottom:8px;
			margin-bottom:10px;
		}
		#contact-form{
			display:block;
			p, input{ display:block;}
			p{ margin-bottom:5px; color:#6F6F6F; span{ color:#FFF;}}
			input{ border:2px solid white; background-color:#FFF; color:#0d0d0d; width:390px; height:26px; line-height:26px; padding:0px 5px; margin:0px 0px 10px 0px; @include font-1;}
			textarea{ color:#0d0d0d; border:2px solid white; background-color:#FFF; resize:none; font-size:12px; overflow:auto; width:390px; padding:10px 5px; height:180px; @include font-1;}
			input:focus, textarea:focus{ outline: none;}
			textarea#book-textarea{ height:70px;}
			input#input-phone{ width:160px;}
			#input-3-col{
				display:block;
				#input-col-1, #input-col-2, #input-col-3{ float:left; margin-right:10px;}
				#input-col-1{ width:175px; input{ width:160px;}}
				#input-col-2{ width:105px; input{ width:90px;}}
				#input-col-3{ width:105px; input{ width:90px;}}
			}
			#contact-submit{
				display:block;
				p{ float:left; color:#bf141d; margin-top:8px;}
				a#contact-send{ 
					float:right; background:url(../images/btnSend.png) no-repeat; width:66px; height:21px; text-indent:-9999px;
					margin:15px 16px 0px 0px;
					&:hover{ background-position:-72px 0;}
				}
				
			}
			
		}
		
		#msgSend{
			h1{ @include font-3; font-size:17px; color:#000;}
			p{ color:#000 !important;}
		}
		
	}
}
div.roundedCornersHack
{
border:1px solid white;
background-repeat: no-repeat;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
/***************** TAKEAWAY PAGE ********************/
.main-column-page{
	display:block;
	.left-column-page,
	.mid-column-page,
	.right-column-page{ float:left; overflow:hidden;display:block;}
	.left-column-page{ width:175px; margin-right:40px;}
	.mid-column-page{ width:535px;}
	.right-column-page{ width:195px; float:right; position:relative;}
}
.menuArrow{
	display:block;
	margin-top:10px;
	ul{
		margin:0;
		padding:0;
		li{
			display:block;
			margin:5px 0px;
			a{
				display:block;
				background:url(../images/imgArrow-2.png) left -9px no-repeat;
				padding-left:20px;
				color:#FFF;
				font-size:13px;
				&.activeCategory, &:hover{
					color:#bf141d;
					background-position:0 6px;
				}
			}
		}
	}
}
#takeaway-page{
	#takeaway-menu{
		display:block;
	}
	
	#ss-list{
		display:block;
		overflow:hidden;
		.eachCake{
			display:block;
			float:left;
			width:251px;
			padding:0px 8px;			
			margin:15px 0 20px 0;
			//margin-right:8px;
			.eachCake-header{
				display:block;
				.eachCake-header-left{ 
					float:left;
					p{ margin-bottom:5px;}
					p.eachCake-name{ color:#FFF; font-size:15px;}	
				}
				.eachCake-order{ 
					float:right; text-indent:-9999px;
					display:block;
					width:24px;
					height:25px;
					margin-right:2px;
					background:url(../images/btnItembuy.png) -1px 0px no-repeat;
					&:hover{
						background-position:-28px 0;
					}
					&.selectedCake{
						background-position:-57px 0;
					}
				}
			}
			.eachCake-image{
				display:block;
				overflow:hidden;
				position:relative;
				a{
					display:block;
					background-color:#FFF;
					width:248px;
					height:218px;
					img{
						max-width:248px;
						max-height:218px;
					}
				}
				p.eachCake-text{
					position:absolute;
					bottom:0;
					left:0;
					margin:0;
					background:url(../images/bgBlackoverlay2.png);
					padding:10px 2px;
					width:245px;
					-moz-border-radius-topleft: 0px;
					-moz-border-radius-topright: 0px;
					-moz-border-radius-bottomright: 15px;
					-moz-border-radius-bottomleft: 15px;
					-webkit-border-radius: 0px 0px 15px 15px;
					border-radius: 0px 0px 15px 15px; 
					span{
						color:#FFF;
						line-height:16px;
					}
				}
			}
		}
	}
	
	#shopcart-right{
		display:block;
		width:195px;
		position:relative;
		top:0;		
		&.shopcart-fixed{ position:fixed; top:10px;}
		.shopcart-total{
			display:block;
			border-top:1px solid #474747;
			border-bottom:1px solid #474747;
			padding:8px 0px;
			p{ float:left; margin:0; color:#FFF;}
			span{ float:right; color:#FFF;}
			
		}
		.shopcart-checkout-wrapper{
			display:block;
			overflow:hidden;
			margin:10px 0px;			
		}
		a.shopcart-checkout{ 
			display:block;
			text-indent:-9999px;
			background:url(../images/btnCheckout.png) no-repeat;
			width:66px;
			height:20px;
			float:right;
			&:hover{ background-position:-78px 0;}	
		}
		.shopcart-list{
			display:block;
			margin:10px 0px 0px 0px;
			.eachItem-cart{
				display:block;
				position:relative;
				border:1px solid #474747;
				background-color:#000;
				width:177px;
				height:62px;
				overflow:hidden;
				margin-bottom:10px;
				padding:8px;
				//&:hover, &:hover .eachItem-option input{ background-color:#1e1e1e;}		
				a.eachItem-close{
					position:absolute;
					right:8px;
					top:8px;
					display:none;
					color:#474747;
					&:hover{ color:#FFF;}
				}
				&>p, &>span{ display:block;}
				&>p{ margin:0px; color:#FFF;}
				.eachItem-option{
					display:block;
					margin-top:10px;
					.eachItem-button, input, span{ float:left;}
					p{ float:right; margin-top:4px; margin-bottom:0;}
					&>span{ display:block; margin-top:3px;}
					input{ 
						border:1px solid #474747; background:#000; width:18px; height:20px; line-height:20px; color:#6f6f6f; text-align:center;
						margin:0px 5px;
						font-size:10px;
						padding:0px 8px;
						@include font-1;
						cursor:default;
						&:hover{ border-color:#FFF; color:#FFF;}
						&:focus{ outline:none;}
						}
					.eachItem-button{
						width:10px;
						.eachItem-up-down{
							float:left; display:block; width:10px; height:7px;background:url(../images/btnItembuy.png) no-repeat;
							text-indent:-9999px;
						}
						.eachItem-up{ 
							background-position:-87px -1px;
							margin-top:1px;
							&:hover{ background-position:-98px -1px;}
							}
						.eachItem-down{ 
							background-position:-87px -11px;
							margin-top:2px;							
							&:hover{ background-position:-98px -11px;}
						}
					}
				}
				
			}
		}
	}
}

/***************** SHOPCART ********************/
.payment-step{
	display:block;
	ul{
		li{
			display:block;
			margin:8px 0px;
			color:#6f6f6f;
			font-size:14px;
			cursor:default;
			font-size:13px;
			&.currentStep{ color:#FFF;}			
		}
	}
}

#term-menu{
	ul{
		li{
			a{
				color:#6f6f6f;
				background:url(../images/imgArrow-3.png) left 4px no-repeat;
				&:hover{ color:#FFF; background-position:0 -11px;}
			}
		}
	}
}

#shopcart-page{
	display:block;	
	#shopcart-viewall{
		display:block;		
		.eachOrder{
			display:block;
			background:#000;
			border:1px solid #474747;
			padding:8px;
			margin:8px 0px;
			position:relative;
			&:hover, &:hover .eachOrder-option input{ background-color:#1e1e1e;}
			.eachOrder-close{
				position:absolute;
				right:8px;
				top:8px;
				display:none;
				color:#474747;
				&:hover{ color:#FFF;}
			}
			.eachOrder-image{ float:left; max-width:57px; max-height:50px;}
			.eachOrder-text{
				float:left;
				//width:215px;
				margin-left:10px;
				p{ color:#FFF; margin:0; font-size:13px;}
				span{ color:#474747;}				
			}
			.eachOrder-option{
				float:right;
				margin-top:20px;
				.eachOrder-button, input, .eachOrder-text-1, .eachOrder-text-price{ float:left;}
				.eachOrder-button{
					display:block;
					width:10px;
					.eachOrder-up-down{
						float:left; display:block; width:10px; height:7px;background:url(../images/btnItembuy.png) no-repeat;
						text-indent:-9999px;
					}
					.eachOrder-up{
						background-position:-87px -1px;
						margin-top:1px;
						&:hover{ background-position:-98px -1px;}
					}
					.eachOrder-down{
						background-position:-87px -11px;
						margin-top:2px;							
						&:hover{ background-position:-98px -11px;}
					}
				}
				input{
					border:1px solid #474747; 
					background:none; 
					width:22px; height:20px; 
					line-height:20px; 
					color:#6f6f6f; 
					text-align:center;
					margin:0px 5px;
					font-size:10px;
					padding:0px 8px;
					@include font-1;
					&:hover{ border-color:#FFF;}
					&:focus{ outline:none; }
				}
				.eachOrder-text-1, .eachOrder-text-price{ margin-top:3px; margin-bottom:0;}
				.eachOrder-text-1{ color:#474747; margin-left:8px; margin-right:8px;}
				.eachOrder-text-price{ color:#474747;}
			}
		}
	}
	.shopcart-priceAll{
		display:block;
		border-top:1px solid #474747;
		border-bottom:1px solid #474747;
		padding:8px 0px;
		p{ float:right; color:#FFF; margin:0;}
	}
	.shopcart-submitNext{
		display:block;
		margin-top:10px;
		a{ display:block; text-indent:-9999px; background:url(../images/btnPayment.png) no-repeat;}
		a.shopcart-ctn{  width:178px; height:20px; background-position:0 0; float:right;
			&:hover{ background-position:0 -26px;}}
		a.sp-next{ width:75px; height:20px; background-position:-188px 0; float:right;
			&:hover{ background-position:-188px -26px;}}
		a.sp-back{ width:75px; height:20px; background-position:-75px -57px; float:right; margin-right:15px;
			&:hover{ background-position:-75px -83px;}
		}
		a.sp-exit{width:75px; height:20px; background-position:-164px -57px; float:right; 
			&:hover{ background-position:-164px -83px;}		
		}
	}
}
/***************** INFORMATION PAGE ********************/
#information-page{
	.info-top-p{
		display:block;
		overflow:hidden;
		//Header
		.info-header{
			background:#000;
			border:1px solid #474747;
			padding:8px;
			margin:15px 0 10px 0;
			p{ color:#FFF;}
			span{ display:block; margin-bottom:2px;}
			.info-header-input{
				display:block;
				input, a{ float:left;}
				input{ background:#FFF;border:2px solid white; padding:0px 10px; width:161px; height:23px; line-height:23px; @include font-1; margin-right:15px; color:#0d0d0d;}
				input:focus{ outline:none; }
				a#info-download{ display:block; text-indent:-9999px; width:66px; height:21px; background:url(../images/btnPayment.png) 0 -83px no-repeat;
					margin-top:2px;
					&:hover{ background-position:0 -57px;}}
			}
		}		
	}
	.info-bot-p{
		display:block;
		overflow:hidden;
		border-top:1px solid #474747;
		border-bottom:1px solid #474747;
		padding:8px 0px;
		p{ margin:0px; }
		p#info-temp-1{ margin-bottom:10px; color:#FFF;}
		p#info-temp-2{ margin:20px 0 5px 0; color:#FFF;}
		
	}
	
	.info-input-wrapper{
		display:block;
		margin:10px 0;
		.info-input-1-wrapper,
		.info-input-2-wrapper,
		.info-input-3-wrapper{ float:left;}
		.info-input-1-wrapper{ width:130px;}
		.info-input-2-wrapper{ width:185px;}
		.info-input-3-wrapper{ width:130px; margin-left:15px;}
		p{ color:#6f6f6f; margin-bottom:5px;}
		span{ color:#FFF;}
		input.info-input{ border:2px solid #FFF; line-height:24px; height:24px; @include font-1; color:#0d0d0d; padding:0px 5px; font-size:12px; background:#FFF; width:400px;}
		input.info-input-1{ width:100px;}
		input.info-input-2{ width:170px;}
		input.info-input-3{ width:100px;}
		textarea{ @include font-1; font-size:12px; color:#0d0d0d; padding:5px; overflow:auto; resize:none; width:400px; height:150px; border:2px solid white;}
		input:focus, textarea:focus{ outline:none; }
	}
}
.info-radio{
			display:block;
			margin:5px 0px;
			input, p{ float:left; display:block;}
			input{ margin:0 10px 0 0;}
			p{ color:#474747; margin:0;}
			p.input-checked{ color:#FFF;}
			span{ color:#bf141d; margin-left:10px;}
		}
/***************** PAYMENT PAGE ********************/
#payment-step-page{
	display:block;
	padding-top:10px;
	p#payment-step-temp{ color:#FFF; margin:8px 0;}
	.payment-info{
		display:block;
		margin:5px 0px;
		.payment-left{ float:left; width:150px;}
		.payment-right{ float:right;}
	}
	.payment-info-total{
		display:block;
		color:#FFF;
		p{ margin:10px 0;}
		border-top:1px solid #474747;
		border-bottom:1px solid #474747;
	}
}
/***************** CONFIRMATION PAGE ********************/
#confirmation-page{
	display:block;
	padding-top:10px;
	h3{ color:#FFF;}
	h3.confirm-temp{ margin-top:20px; margin-bottom:10px;}
	p{	color:#6f6f6f; margin-bottom:5px;}
	.confirmation-left{ 
		float:left; width:250px;	
	}
	.confirmation-right{ 
		float:right; width:150px;
		text-align:right;			
	}
	.confirm-table{
		display:block;
		margin-top:15px;
		table{
			tr{
				text-align:left;				
				td{ padding:3px 0; color:#6f6f6f;}
				th{ color:#FFF; text-align:left;}
			}
			th.table-right, td.table-right{ text-align:right;}
			th.table-left, td.table-left{ text-align:left;}
			th.table-col-1{ width:150px;}
			th.table-col-2{ width:130px;}
		}
	}
	.confirm-message{ margin-top:10px;}
	.confirm-email-sent{
		display:block;
		border-top:1px solid #474747;
		border-bottom:1px solid #474747;
		margin-top:10px;
		padding:10px 0;
		p{ color:#bf141d; margin:0;}
	}
}
#term-page{ display:block; padding:10px 0px;}
#map_canvas{height:300px; width:530px;}
#border-bot{ border-bottom:1px solid #474747; padding-bottom:10px;}
.datepicker{ cursor:pointer;}
#msgDeleteAll{
	h1{ @include font-2; font-size:16px; color:#000;}
	#delete-all-wrapper{
		display:block;
		margin-top:20px;
		a{ float:right; width:55px; height:20px; background:url(../images/btnPayment.png) no-repeat; display:block; text-indent:-9999px;}
		a#delete-all-yes{  background-position:-247px -57px; &:hover{ background-position:-247px -83px;}}
		a#delete-all-no{ background-position:-274px 0; &:hover{background-position:-274px -26px;}}
	}
}